html,body{
	height:100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.wrapper{
	width: 100%;
	height: 90%;
}
.left {
	float: left;
	width: 30%;
	height:100%;
}
.right{
	float: right;
	width: 70%;
	height:100%;
}

.logo{
	font-size: 26px;
	padding:5px;
	background:#000;
	color: #FFFFFF;
	text-align: center;
	clear:both;
}

.search-bar {
   font-size: 18px;
   padding:5px;
   background:#EEEEEE;
   position:relative;
}

.material_search_keyword {
   color: #666;
   font-size:12px;
   height: 20px;
   margin: 0px;
   padding: 2px 0 2px 5px;
   border: 1px solid #BFBFBF;
   width:280px;
}

.material_search_submit {
   background: url(image/icon_search.png) no-repeat scroll center center #FFF;
   height:24px;
   width:24px;
   border:0px;
   position:absolute;
}

.footer {
	width: 100%;
	background: #000;
	color: #FFFFFF;
	position:fixed; bottom:0;
	text-align: center;
}
.asset_table,.asset_detail,#json_view{
	width: 100%;
	height: 100%;
	display: none;
}

div{
	overflow: auto;
}
div > p{
	margin: 5px;
}



.value{
	margin-left:5px;
	margin-top:5px;
}

.link{
	text-decoration:underline;
	color: blue;
	cursor:pointer;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
	margin-right: 0;
	margin-left: 0;
	width: 100%;
}
th, td
{
	border: 1px solid #b5d6e6;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	height: auto;
	margin: -1px;
}
th
{
	background-color: Gray;
}



.even{ background: #DDDDDD;}
.odd{ background: #EEEEEE;}

td.highlight {
	background-color: whitesmoke !important;
}
td.highlight2 {
	background-color: #ff0000;
}
